@charset "utf-8";

/* main */
body {
  background: url(/images/bg.png) repeat-x;
  color: #000;
  font-family: Tahoma, Arial;
  font-size: 12px;
  line-height: 18px;
}

body#mini {
  background: none;
}

a {
  color: #0282C4;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.wrap {
  width: 910px;
  margin: 0 auto;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.column {
  margin-right: 10px;
  margin-bottom: 15px;
  float: left;
}

.span-910 {
  width: 910px;
  margin-right: 0;
}

.span-740 {
  width: 740px;
}

.span-720 {
  width: 720px;
}

.span-670 {
  width: 670px;
}

.span-600 {
  width: 600px;
}

.span-330 {
  width: 330px;
}

.span-300 {
  width: 300px;
}

.span-230 {
  width: 230px;
}

.span-190 {
  width: 190px;
}

.span-150 {
  width: 150px;
}

.last {
  margin-right: 0 !important;
}

.item {
  border: 1px solid #CFCFCF;
}

.item h2 {
  background: #EEEEEE;
  background-image: -moz-linear-gradient(center top , #F3F3F3, #EAEAEA);
  font: 600 15px/30px Tahoma;
  text-shadow: 1px 1px 0 #FFFFFF;
  padding-left: 10px;
  border-bottom: 1px solid #CFCFCF;
  display: block;
}

.item .inner {
  overflow: hidden;
  padding: 10px;
}

.list-1 li {
  background: url(/images/icon-list.gif) no-repeat 0 10px;
  line-height: 24px;
  padding-left: 12px;
}

.report-slides {
  border-bottom: 1px dashed #CFCFCF;
  margin-bottom: 12px;
  padding: 3px 0 10px;
}

.report-slides li {
  width: 60px;
  text-align: center;
  padding: 0 6px 0 6px;
  float: left;
}

.report-slides-icon {
  background: url("/images/icons-explanation.gif") no-repeat scroll 0 0 transparent;
  height: 20px;
  padding-top: 55px;
  display: block;
}

.emotion-management {
  background-position: 5px 0;
}

.health {
  background-position: -65px 0;
}

.fit-industry {
  background-position: -135px 0;
}

.fit-position {
  background-position: -205px 0;
}

.team-environment {
  background-position: -275px 0;
}

.job-quality {
  background-position: -345px 0;
}

.job-proposal {
  background-position: -415px 0;
}

.relationship {
  background-position: -485px 0;
}

.college-will {
  background-position: -1045px 0;
}

.report-list {
  height: 12px;
  line-height: 12px;
  margin-bottom: 12px;
}

.report-list dt {
  font-weight: bold;
  padding-left: 10px;
  float: left;
}

.report-list dd {
  padding: 0 10px;
  border-right: 1px solid #CFCFCF;
  float: left;
}

.report-list dd.last {
  border-right: none;
}

#header {
  background: url(/images/bg-header.png) no-repeat 50% 0;
  margin-bottom: 15px;
}

#mini-header {
  background: url(/images/mini-header.gif) repeat-x 0 0;
  height: 80px;
  margin-bottom: 20px;
}

#header h1,
#mini-header h1 {
  width: 165px;
  margin: 20px 10px 20px 20px;
	float: left;
}

#header h1 a,
#mini-header h1 a {
	background: url(/images/logo.png) no-repeat 0 0;
  width: 165px;
	height: 40px;
	text-indent: -9999px;
  display: block;
}

.panel {
  color: #666;
  margin-top: 20px;
  float: right;
}

.panel a {
  margin: 0 0 0 10px;
}

#menu {
  background: url(/images/bg-menu.gif) no-repeat 0 0;
  height: 40px;
  line-height: 36px;
  padding-left: 30px;
  clear: left;
}

#menu a {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
}

#menu li {
  margin-right: 30px;
  float: left;
}

#middle {

}

#footer {
  background: url(/images/bg-footer.png) repeat-x;
  color: #0282C4;
}

#footer .wrap {
  background: url(/images/bg-footer-wrap.png) no-repeat 50% 0;
  width: 910px;
  height: 200px;
  padding: 0 20px;
}

#footer .help {
  height: 135px;
  padding: 15px 15px 0;
}

#footer .help a {
  color: #666666;
}

#footer .help dl {
  width: 220px;
  color: #666;
  line-height: 24px;
  float: left;
}

#footer .help dt {
  font-weight: bold;
  margin-bottom: 5px;
}

#footer .help em {
  font-style: normal;
  margin-left: 5px;
}

#footer .copyright {
  color: #6A6A6A;
  line-height: 50px;
}

#footer .copyright a {
  color: #6A6A6A;
  margin-left: 5px;
}

#footer .slogan {
  display: block;
}

#mini-footer {
  color: #999;
  height: 50px;
  line-height: 50px;
  border-top: 1px dashed #C5C6C7;
}

#mini-footer a {
  color: #999;
  margin-left: 5px;
}

.test {
  width: 850px;
  padding: 28px 28px;
  border: 2px solid #EBEBEB;
}

.test h3 {
  margin-bottom: 15px;
}

.test .tips {
  background: #FAFAFA;
  color: #666;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 20px;
  padding: 10px 20px;
}

.test .text {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 30px;
  padding: 0 20px;
}

.test .text p,
.test .text ul {
  text-indent: 2em;
  margin-bottom: 10px;
}

.test .text h5 {
  font-family: '宋体';
  font-size: 14px;
  margin-bottom: 10px;
}

.subject dl {
  font-size: 14px;
  line-height: 26px;
  padding: 10px 10px;
  border-bottom: 1px dashed #DDD;
}

.subject dl:hover {
  background: #FAFAFA;
}

.subject dt {
  margin-bottom: 5px;
}

.subject dl dd {
  padding-left: 17px;
}

.subject dl label {
  margin-right: 10px;
  cursor: pointer;
}

.data-entry {
  font-size: 14px;
}

.data-entry caption{
  font-size: 16px;
  font-weight: bold;
  padding: 10px 20px 15px;
}

.data-entry th {
  width: 94px;
  text-align: right;
}

.data-entry td {
  padding: 8px 5px;
}

.data-entry span {
  font-size: 12px;
  color: #808080;
  margin-left: 10px;
}

.data-entry label {
  font-size: 12px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-15 {
  margin-bottom: 15px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-20 {
  margin-left: 20px;
}

.report-choose {
  width: 810px;
  margin: 0 20px;
}

.report-choose .cost {
  color: #2173AF;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.report-choose th,
.report-choose td {
  padding: 12px 8px 3px;
  vertical-align: top;
  border-top: 1px dashed #F1F1F1;
}

.report-choose h5 {
  font-size: 14px;
  color: #2173AF;
  margin-bottom: 8px;
}

.report-choose p {
  color: #333;
  line-height: 20px;
  margin-bottom: 10px;
}

.mzr {
  width: 320px;
  height: 200px;
  border: 1px solid #DDD;
  margin: 0 10px 10px 0;
  padding: 14px;
  float: left;
}

.mzr dt {
  width: 260px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  float: right;
}

.mzr dd {
  line-height: 20px;
  margin-left: 60px;
}

.mzr dd.img {
  margin-left: 0;
}

.mzr dd.img img {
  float: left;
}

.mzr dd.cost {
  color: #2173AF;
  font-weight: bold;
  margin-top: 10px;
}

.sidebar {
  background: url('/images/bg-body-short.jpg') no-repeat -44px -10px;
  width: 180px;
  height: 547px;
  margin-right: 20px;
  float: left;
}

.content {
  width: 710px;
  margin: 0 0 0 200px;
}

#nav-02 {
  background: url('/images/bg-nav-01.png') no-repeat 0 0;
  border-bottom: 1px solid #FFFFFF;
  margin: 0px 0 20px;
  padding: 1px 0 0;
}
#nav-02 li {
  color: #797C80;
  list-style: none outside none;
  width: 180px;
}
#nav-02 li a {
  border-bottom: 1px solid #DCDDDE;
  border-top: 1px solid #FFFFFF;
  color: #797C80;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 0 10px 30px;
  position: relative;
  width: 150px;
}
#nav-02 .current a {
  background: #49B2FF url('/images/bg-nav-01-current.png') no-repeat scroll -32px 50%;
  border: medium none;
  color: #FFFFFF;
  padding-right: 10px;
  text-shadow: -1px -1px 0 #3293D6;
}
#nav-02 a img {
  left: 10px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}
#nav-02 ul {
  border-bottom: 1px solid #DCDDDE;
  margin: 0;
  padding: 12px 0;
  width: 211px;
}
#nav-02 li li {
  margin-bottom: 3px;
  position: relative;
}
#nav-02 li li a, #nav-02 .current li a {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #797C80;
  font-size: 13px;
  font-weight: normal;
  padding: 3px 25px 3px 11px;
  text-shadow: none;
  width: 175px;
}
#nav-02 li .current, #nav-02 .current .current {
  background: url("http://i3.campaignmonitor.com/themes/site_themes/default/img/bg_nav-02-top.png") no-repeat scroll 0 0 #DEDFE0;
  border: medium none;
  padding: 0;
}
#nav-02 li .current a, #nav-02 .current .current a {
  background: url("http://i3.campaignmonitor.com/themes/site_themes/default/img/bg_nav-02-btm.png") no-repeat scroll left bottom transparent;
  border: medium none;
  color: #000000;
  text-shadow: none;
}
#nav-02 li li span {
  background: url("http://i3.campaignmonitor.com/themes/site_themes/default/img/bg_nav-02-arrow.png") no-repeat scroll 195px center transparent;
  display: block;
}

.icons-site {
  background: url(/images/icons-site.gif) no-repeat;
  padding-left: 25px;
}

.sina {
  background-position: 0 -115px;
}

.qq {
  background-position: 0 -145px;
}

.renren {
  background-position: 0 -25px;
}

.qzone {
  background-position: 0 5px;
}

.content-text {
  font-size: 14px;
  line-height: 25px;
}

.content-text h2 {
  font-family: microsoft yahei;
  font-weight: normal;
  margin-bottom: 15px;
  padding-top: 5px;
}

.content-text p {
  text-indent: 2em;
  margin-bottom: 10px;
}

#center .column, #people .column {
  margin-right: 20px;
}

.toolbar {
  background: #F6F6F6;
  height: 400px;
  font-size: 14px;
  text-align: center;
  padding: 20px 0 0 10px;
  border-right: 1px solid #D8D8D8;
}

.toolbar a {
  background: url(/images/icon.gif) no-repeat 90% -76px;
  display: block;
}

.toolbar li {
  background: url(/images/bg-long.gif) no-repeat -340px 100%;
  padding: 13px 0px 15px;
}

.toolbar li.current {
  background: #FFF;
  padding: 12px 0;
  border: 1px solid #D8D8D8;
  border-right: none;
  position: relative;
  top: -3px;
  left: 1px;
}

.toolbar li.current a {
  background: none;
  font-weight: bold;
}

table {
  border-collapse: collapse;
  width: 100%;
}

.data-show {
  background: #FAFAFA;
  margin-bottom: 20px;
}

.data-show a {
  margin: 0 3px;
}

.data-show span {
  margin: 0 3px;
}

.data-show th,
.data-show td {
  text-align: center;
  border: 1px solid #DDD;
  padding: 7px 10px;
}

.data-show thead th {
  background: #F6F6F6;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}

.data-show tfoot th {
  text-align: left;
  padding: 10px;
}

.data-show tbody th {
  text-align: left;
}

.data-show tr.odd {
  background: #FFF;
}

#center h3,
#people h3 {
  background: #F0F0F0;
  color: #0282C4;
  line-height: 16px;
  margin-bottom: 15px;
  padding: 8px 10px;
}

#center .tips,
#people .tips {
  font-size: 14px;
  margin-bottom: 15px;
  padding: 5px 10px;
}

#center i,
#people i {
  font-family: "宋体";
  font-style: normal;
  font-weight: bold;
  color: #F00;
  padding: 0 3px;
}

#center .shop-image {
  border: 1px solid #DDD;
  padding: 4px;
  float: right;
}

.welcome {
  font-size: 14px;
  font-weight: bold;
  padding-top: 10px;
}

input.large {
  font-family: tahoma;
  width: 350px;
}

.button-01 {
  background: url(/images/button-01.gif) no-repeat;
  width: 150px;
  height: 40px;
  border: none;
  cursor: pointer;
}

/* share website */
.share {
  font-size: 12px;
  line-height: 24px;
  margin: 30px 0 0;
}

.share a {
  background-image: url(/images/icons-site.gif);
  background-repeat: no-repeat;
  color: #898989;
  margin-right: 5px;
  padding-left: 20px;
  display: inline-block;
}

.qzone {
  background-position: 0 5px;
}

.renren {
  background-position: 0 -25px;
}

.douban {
  background-position: 0 -55px;
}

.kaixin {
  background-position: 0 -85px;
}

.sina {
  background-position: 0 -115px;
}

.tencent {
  background-position: 0 -145px;
}

.sohu {
  background-position: 0 -175px;
}

.miss {
  color: #F00;
  font-weight: bold;
}

.article h1 {
  text-align: center;
  margin: 20px auto 15px;
}

.article .info {
  color: #7E7E7E;
  text-align: center;
  margin: 0 15px 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E5E5E5;
}

.article .text {
  font-size: 14px;
  line-height: 24px;
  padding: 0 15px 15px;
}

.article p {
  text-indent: 2em;
  margin-bottom: 14px;
}

.font14 {
  font-size: 14px;
  line-height: 24px;
}

.font14 p {
  margin-bottom: 5px;
}

.helpbar {
  font-size: 14px;
  line-height: 24px;
  padding-left: 10px;
}

.helpbar li {
  margin-bottom: 5px;
}